$(function() {
    // header tab栏切换
    $(".head-nav").on("click", "li", function() {
        $(this)
            .addClass("head-nav-active")
            .siblings("li")
            .removeClass("head-nav-active");
    });
    // 目的地选择 事件
    $("#_j_search_input").on({
        focus: function() {
            $(".not-cont").css("display", "block");
            $(".not-cont li a").click(function() {
                // console.log($(this).html());
                // console.log($("#_j_search_input").val());
                let wenzi = $(this).html();
                $("#_j_search_input").val($(this).html());
            });
        },
    });
    $(document).bind("click", function(e) {
        //目标对象
        var target = $(e.target);
        if (target.closest(".add-travle").length == 0) {
            //点击除目标以外的元素
            $(".not-cont").css("display", "none");
        }
    });

    // 人数选择事件
    $(".hs-item").click(function() {
        $(".ngp-dropdown").css("display", "block");
    });
    // 点击除 hs-item 以外的区域收起下拉框
    $(document).bind("click", function(e) {
        //目标对象
        var target = $(e.target);
        if (target.closest(".hs-item").length == 0) {
            //点击除目标以外的元素
            $(".ngp-dropdown").css("display", "none");
        }
    });

    // 点击除 日期 datePicker 以外的区域收起日历表
    $(document).on("click", function(e) {
        //目标对象
        var target = $(e.target);
        if (
            target.closest(
                ".wrap-l-starTime ,wrap-l-endTime,.datePicker-content-calendar"
            ).length == 0
        ) {
            //点击除目标以外的元素
            $(".datePicker-x").addClass("hide");
        }
    });

    /* 主体住宿 tab栏切换 */
    $(".themeList ").on("click", "a", function() {
        $(this).addClass("on").siblings("a").removeClass("on");
        // 获取索引号
        var index = $(this).index();
        // console.log(index);
        $("._j_tab_content ul").eq(index).show().siblings("ul").hide();
    });

    // 主体住宿图片字体晃动

    // 特价酒店 tab栏切换
    $(".favList ").on("click", "a", function() {
        $(this).addClass("on").siblings("a").removeClass("on");
        // 获取索引号
        var index = $(this).index();
        // console.log(index);
        $(".tab-con ul").eq(index).show().siblings("ul").hide();
    });

    //鼠标经过图片放大效果
    for (var i = 0; i < $("#uls li").length; i++) {
        (function(i) {
            $("#uls li")[i].onmouseenter = function() {
                console.log(i);
                $("#uls li img").eq(i).css("transform", "scale(1.1)");
                $("#uls li img").eq(i).css("transition", "all .6s");
            };
            $("#uls li")[i].onmouseleave = function() {
                console.log(i);
                $("#uls li img").eq(i).css("transform", "scale(1)");
            };
        })(i);
    }

    // 二维码 显示与隐藏
    $(".btn").hover(
        function() {
            console.log(333);
            $(this).next().fadeIn();
        },
        function() {
            $(this).next().fadeOut();
        }
    );

    // 返回顶部
});